import { createApp } from 'vue'
import App from './App.vue'
import 'normalize.css'
import './assets/css/index.less'
import router from './router'
import store from './store'
import registerIcons from './global/RegisterIcons'

// 针对ElMessage和ElLoading等组件引入样式
// 1：全局引入样式（所有样式全部引入）
// import 'element-plus/dist/index.css'
// 2：组件样式引入
// import 'element-plus/theme-chalk/el-message.css'
// 3：使用vite-plugin-style-import
// npm install vite-plugin-style-import consola -D
// 在vite.config.ts中配置

// 1：全局注册element-plus
// import ElementPlus from 'element-plus'
// import 'element-plus/dist/index.css'

// 2：按需引入
// import { ElButton } from 'element-plus'
// app.component(ElButton.name,ElButton)

// 3：全局注册所有图标   通过registerIcons实现全局注册所有图标
// import * as ElementPlusIconsVue from '@element-plus/icons-vue'
// const app = createApp(App)
// for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
//   app.component(key, component)
// }

// createApp(App).use(router).use(pinia).mount('#app')
// import 'xj_component/xj_component.css'
// import xjComponent from 'xj_component'

const app = createApp(App)
app.use(registerIcons)
app.use(store)
app.use(router)
// app.use(xjComponent)
app.mount('#app')
